<!DOCTYPE html>
<html ng-app="app">
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/two.css"/>
		<link rel="stylesheet" type="text/css" href="css/three.css"/>
		<link rel="stylesheet" type="text/css" href="css/shopping.css"/>
		<script src="js/flexible.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/angular.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/angular-route.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="app.js"></script>
		<script src="home.js" type="text/javascript" charset="utf-8"></script>
		<script src="two.js" type="text/javascript" charset="utf-8"></script>
		<script src="three.js" type="text/javascript" charset="utf-8"></script>
		
		
		<style type="text/css">
		body,ul,li,h1,h2,h3,h4,p,dl,dd,dt,ol{
			margin: 0;
			padding: 0;
		}
		ul,li,ol{
			list-style: none;
		}
		a{
			text-decoration: none;
		}
		.app{
			
			background-color: #efefef;
		}
		.header{
			
			height: 1.4375rem;
			background: #ffd600;
			
			font-size: 0.5rem;
			text-align: center;
			line-height: 1.3rem;
			position: fixed;
			top: 0;
			right: 0;
			left: 0;
			z-index: 10;
		}
		.m1{
			width: 1.09rem;
			height: 2.2rem;	
		}
		.mimg{
			width: 1.09rem;
			height: 1.2rem;
			margin-top: .171875rem;
			margin-left: .171875rem;
			
		}
		.zi{
			margin-top: -2.1rem;
		}	
		.mimgj{
			width: .521857rem;
			height: .50625rem;
			
		}
		.m2{
			width: 1.25rem;
			height: 1.375rem;	
			float: right;
			margin-top: -1.3rem;
		}
		.mimgk{
			width: 1.25rem;
			height: 1.3rem;
			
		}
		.section{
			
			height: 15.625rem;
			position: absolute;
			top: 0rem;
			bottom: 0rem;
			left: 0;
			right: 0;
			/*overflow-y: scroll;*/
		}
		.sect1{
			height: 3.71875rem;
			background-color: burlywood;
			margin-top: 1.4375rem;
			
			
		}
		.ing{
			
			width: 100%;
			height: 3.71875rem;
		}
		.tiao1{
			height: 0.3125rem;
			background-color: #efefef;
		}
		.sect2{
			width: 100%;
			height: 4.5375rem;
			display: flex;
			/*background-color: aquamarine;*/
			justify-content: space-around;
			flex-wrap: wrap;
		}
		.sect2 div{
			width: 2.2rem;
			margin-top: 0.3125rem;
			display: flex;
			flex-direction: column;
			align-items: center;
			
			
		}
		.sect2 img{
			width: 1.9rem;
			height: 1.3rem;
		}
		.sect2 span{
			font-size: 0.40625rem;
			font-family: "微软雅黑";
			font-weight: bold;
			color: #555c62;
			margin-left: -.3rem;
		}
		.tiao2{
			height: 0.3125rem;
			background-color: #efefef;
		}
		.sect3{
			height: 1.046875rem;
			
		}
		.tiao3{
			height: 0.3125rem;
			background-color: #efefef;
		}
		.tiao4{
			height: 0.3125rem;
			background-color: #efefef;
		}
		.tiao5{
			height: 0.171875rem;
			background-color: #efefef;
		}
		.tiao6{
			height: 0.296875rem;
			background-color: #fff;
		}
		.tiao7{
			height: 0.3125rem;
			background-color: #efefef;
		}
		/*.tiao8{
			height: 0.171875rem;
			background-color: #fff;
		}*/
		
		.sect3 ul{
			margin-left: 0.1875rem;
		}
		.sect3 ul li{
			float: left;
		}
		.sect3 ul li img{
			height: 0.9375rem;
			margin-top: .05rem;
		}
		.li{
			font-family: "微软雅黑";
			font-size: 0.34375rem;
			color: #adadad;
			/*font-weight: bold;*/
			line-height: 1.1rem;
		}
		.sect4{
			height: 4.3125rem;
			/*background-color: rosybrown;*/
			display: flex;
			flex-wrap: wrap;
		}
		.sect4 div{
			
			width: 3.296875rem;
			height: 4.34375rem;
			border: solid 1px gray;
		}
		.sect4 div ul{
			margin-top: 0.34375rem;
		}
		.sect4 div ul li{
			text-align: center;
		}
		.sect4 div ul li img{
			height: 2.796875rem;
		}
		.sect5{
			height: 4.046875rem;
			/*background-color: royalblue;*/
			display: flex;
			flex-wrap: wrap;
		}
		.sect5 div{
			width: 4.96875rem;
			height: 2.03125rem;
			border: solid 1px gainsboro;
			/*background-color: red;*/
		}
		.sect5 div ul{
			margin-top: 0.59375rem;
			margin-left: 0.25rem;
		}
		/*.sect5 div ul li{
			
		}*/
		.sect5 div img{
			height: 1.5625rem;
			float: right;
			margin-top: -1.3rem;
			margin-right: 0.390625rem;
		}
		.sect6{
			height: 1.234375rem;
			/*background-color: burlywood;*/
		}
		.sect6 img{
			height: 0.515625rem;
			margin-left: 0.28125rem;
			margin-top: 0.34375rem;
		}
		.sect6 div{
			font-size: 0.40625rem;
			font-family: "微软雅黑";
			color: #f38631;
			margin-left: 0.75rem;
			margin-top: -.6rem;
			
		}
		.sect6 span{
			font-size: 0.40625rem;
			font-weight: bold;
			color: #cecece;
			float: right;
			margin-right: 0.328125rem;
			margin-top: -.5rem;
		}
		.sect7{
			height: 5.640625rem;
			/*background-color: royalblue;*/
			display: flex;
			flex-wrap: wrap;
		}
		.sect7 div{
			/*display: flex;
			justify-content:center;*/
			width: 3.28125rem;
			border: solid 1px gainsboro;
		}
		.sect7 div img{
			margin-top: 0.3125rem;
			margin-left: 0.40625rem;
			height: 2.578125rem;
		}
		.sect7 div p{
			text-align: center;
			font-size: 0.3125rem;
			color: #232b33;
			font-family: "微软雅黑";
			
		}
		.sect7 div span img{
			height: .515625rem;
			margin-left: 0.60625rem;
		}
		.sect7 div h3{
			margin-left: 0.50625rem;
			color: #afafaf;
		}
		.sect7 div font{
			margin-left: 0.50625rem;
			
		}
		
		.sect7 div font span{
			text-decoration: line-through;
			
			
		}
		.sect7 div font img{
			margin-left: 2.2rem;
			margin-top: -1rem;
			height: .815625rem;
			
		}
		.sect8{
			height: 1.25rem;
			/*background-color: greenyellow;*/
		}
		/*.sect6{
			height: 1.234375rem;
			background-color: burlywood;
		}*/
		.sect8 img{
			height: 0.515625rem;
			margin-left: 0.28125rem;
			margin-top: 0.40625rem;
		}
		.sect8 div{
			font-size: 0.40625rem;
			font-family: "微软雅黑";
			color: #20b1fa;
			margin-left: 0.75rem;
			margin-top: -.6rem;
			
		}
		.sect8 span{
			font-size: 0.40625rem;
			font-weight: bold;
			color: #cecece;
			float: right;
			margin-right: 0.328125rem;
			margin-top: -.5rem;
		}
		.sect9{
			height: 2.375rem;
			
		}
		.sect9 img{
			width: 100%;
			height: 2.375rem;
		}
		.sect10{
			height: 4.734375rem;
			/*background-color: violet;*/
			display: flex;
			flex-wrap: wrap;
		}
		.sect10 div{
			width: 3.296875rem;
			border: solid 1px gainsboro;
		}
		
		.sect10 div img{
			width: 100%;
			height: 100%;
		}
		.footer{
			height: 1.578125rem;
			background: #f2f2f2;
			color:#fff;
			font-size: 0.5rem;
			text-align: center;
			line-height: 1.3rem;
			position: fixed;
			bottom: 0;
			right: 0;
			left: 0;
			display: flex;
			flex-wrap: wrap;
			
		}
		.footer div{
			margin-top: .1rem;
			width: 1.96875rem;
			height: 0.765625rem;
			/*border: solid 1px red;*/
			justify-content:center;
			display: flex;
		}
		/*.footer div ul li{
			color: black;
		}*/
		.footer div span{
			color: gray;
			font-size: 0.375rem;
			position: absolute;
			/*margin-left: -.35rem;*/
			top: .5rem;
			
		}
		</style>
		
	</head>
	<body>
		<div class="app">
			<div class="header">
				<div class="m1">
					<img class="mimg" src="img/123.png" />	
				</div>
				<div class="zi">济远路附近&nbsp;<img class="mimgj" src="img/jiao.png"/></div>
				<div class="m2"><img class="mimgk" src="img/7.png"/></div>
			</div>
			
			
			<div class="section">
				<div ng-view>
				</div>
			</div>
			
			
			<div class="footer">
				<a href="#index-2">
					<div><img src="img/home.png" /></div>
				</a>
				<div>
					<img src="img/foudre.png" />
					
				</div>
				<div>
					<img src="img/1.png" />
					
				</div>
				<div>
					<img src="img/shop.png" />
					
				</div>
				<div>
					<img src="img/my.png" />
					
				</div>
				<a href="#/home"><div><span>首页</span></div></a>
				<a href="#/marcket"><div><span>闪送超市</span></div></a>
				<a href="#/cart"><div><span>新鲜预定</span></div></a>
				<a href="#/my"><div><span>购物车</span></div></a>
				<div><span>我的</span></div>
			</div>

		</div>
	</body>
	
</html>
